view.main {
    view.mess {
        padding: 20rpx;
        background-color: white;
        display: flex;
        justify-content: space-around;
        margin-bottom: 10rpx;

      view.kong {
          width: 150rpx;
          height: 50rpx;
        text.iconfont.icon-zhuozi {
            margin-right: 10rpx;
            color: #31e74f;
        }
      }
  
      view.yiyong {
        width: 100rpx;
        height: 50rpx;
        text.iconfont.icon-youpinjiaju_xianmian_zhuozi {
            margin-right: 10rpx;
            color: #fea719;
        }
      }
  
      view.guzhang {
        width: 100rpx;
        height: 50rpx;
        text.iconfont.icon-youpinjiaju_danxian_zhuozi {
            margin-right: 10rpx;
            color: #ff4234;
        }
      }
    }
    view.zuo {
        padding: 20rpx;
        display: flex;
        flex-wrap: wrap;
        view {
            padding: 10rpx;
            text{
                display: block;
                text-align: center;
                font-size: 30rpx;
            }
            width: 60rpx;
            height: 60rpx;
            background-color: white;
            border-radius: 10rpx;
            margin: 20rpx;
        }
      }
  }
  page{
      background-color: #f4f5f9;
  }
  .kong{
    color: #31e74f;
  }
  .yong{
    color: #fea719;
  }
  .gu{
    color: #ff4234;
  }